<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html"      
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"      
      xmlns:component="http://java.sun.com/jsf/composite/component">

    <ui:composition template="/resources/include/template.xhtml">

        <ui:define name="title">

            <h:outputText value="#{bundle.Bambole} - #{bundle.Login}"></h:outputText>

        </ui:define>

        <ui:define name="body">

            <h:form>

                <ui:include src="/resources/include/start.xhtml"/>        

                <p:panel header="#{bundle.Bambole} - #{bundle.Login}">            

                    <h:panelGrid columns="3"
                                 columnClasses="columnWidth48, columnWidth4, columnWidth48"
                                 width="90%"
                                 style="margin-left: auto; margin-right: auto">

                        <h:panelGrid columns="1"
                                     columnClasses="columnWidth100"
                                     rowClasses="rowAlign"
                                     width="100%">              

                            <p:outputLabel value="#{bundle.EmailAddress}"
                                           for="emailAddress"/>

                            <p:inputText id="emailAddress"
                                         style="width: 100%; margin-bottom: 2%"
                                         value="#{userUtil.emailAddress}"
                                         tabindex="01"
                                         required="true"/>

                            <p:outputLabel value="#{bundle.Password}"
                                           for="password"/>

                            <p:password id="password"
                                        style="width: 100%"
                                        value="#{userUtil.password}"
                                        tabindex="02"
                                        required="true"/>              

                            <p:spacer/>

                            <p:commandButton value="#{bundle.Login}" 
                                             tabindex="03"
                                             style="width: 100%"
                                             action="#{userUtil.login}"
                                             update=":messages"/>             

                        </h:panelGrid>              

                        <p:spacer/>  

                        <p:spacer/>

                    </h:panelGrid>                              

                </p:panel>  

            </h:form>

        </ui:define>

    </ui:composition>

</html>
